<template>
  <h1>Tools</h1>
  <el-row>
    <el-col :span="1"><el-button @click.stop="handle1">1</el-button></el-col>
    <el-col :span="1"
      ><el-button @click.stop="handle2" type="primary">2</el-button></el-col
    >
    <el-col :span="1"
      ><el-button @click.stop="handle3" type="success">3</el-button></el-col
    >
    <el-col :span="1"
      ><el-button @click.stop="handle4" type="info">4</el-button></el-col
    >
    <el-col :span="1"
      ><el-button @click.stop="handle5" type="warning">5</el-button></el-col
    >
    <el-col :span="1"
      ><el-button @click.stop="handle6" type="danger">6</el-button></el-col
    >
    <el-col :span="1"><el-button @click.stop="handle7">7</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle8">8</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle9">9</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle10">10</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle11">11</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle12">12</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle13">13</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle14">14</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle15">15</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle16">16</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle17">17</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle18">18</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle19">19</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle20">20</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle21">21</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle22">22</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle23">23</el-button></el-col>
    <el-col :span="1"><el-button @click.stop="handle24">24</el-button></el-col>
  </el-row>
  <!-- 二级路由出口 -->
  <router-view />
</template>

<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
const handle1 = () => {
  router.push("/firstDic");
};
const handle2 = () => {
  router.push("/secondDic");
};
const handle3 = () => {};
const handle4 = () => {};
const handle5 = () => {};
const handle6 = () => {};
const handle7 = () => {};
const handle8 = () => {};
const handle9 = () => {};
const handle10 = () => {};
const handle11 = () => {};
const handle12 = () => {};
const handle13 = () => {};
const handle14 = () => {};
const handle15 = () => {};
const handle16 = () => {};
const handle17 = () => {};
const handle18 = () => {};
const handle19 = () => {};
const handle20 = () => {};
const handle21 = () => {};
const handle22 = () => {};
const handle23 = () => {};
const handle24 = () => {};
</script>

<style lang="less" scoped></style>
